<script setup lang="ts">

</script>

<template>
  <n-flex justify="end" class="header-nav" :wrap="false" :size="30">
    <n-button text>
      <template #icon>
        <tar-icon icon="bell"/>
      </template>
    </n-button>
    <n-button text>
      <template #icon>
        <tar-icon icon="dashboard"/>
      </template>
    </n-button>
    <n-button text>
      <template #icon>
        <tar-icon icon="user"/>
      </template>
    </n-button>

  </n-flex>

</template>

<style scoped>
.header-nav {
  height: 100%;
  padding: 0 2em 0 1em;
}
</style>